<template>
  <div>
    <div class="bd fs40 fw800">
      关于
    </div>
    <NuxtLink to="/index">
      Home page
    </NuxtLink>
    <br />
    <NuxtLink to="/about/us">
      关于我们
    </NuxtLink>
    <NuxtLink to="/about/company">
      关于公司
    </NuxtLink>
    <NuxtLink to="/about/1?a=1&b=2">
      关于详情1
    </NuxtLink>

    <!-- 注意，文件名是detail，用name方式传参时，params里面必须有一个参数是detail -->
    <NuxtLink
      :to="{
        name: 'about-detail',
        params: { detail: 2, p: 2 },
        query: { a: 3, d: 4 }
      }"
    >
      关于详情2
    </NuxtLink>

    <NuxtLink to="/about/other/a">
      关于其他
    </NuxtLink>

    <!-- <nuxt-child /> -->
    <!-- 效果一样 -->
    <nuxt />
  </div>
</template>

<script>
export default {
  layout: "my-layout",
  // middleware: "user-agent",
  middleware(content) {
    console.log("关于页面中间件");
  }
};
</script>

<style scoped>
/* @import "../assets/css/common.scss"; */
/* @import "~/assets/css/common.scss"; */
</style>
